-
Notifications
You must be signed in to change notification settings - Fork 457
♿(frontend) add focus trap and enter key support to remove doc modal #1531
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
70956fb to
34261f1
Compare
34261f1 to
771de1c
Compare
|
Size Change: +186 B (0%) Total Size: 4.07 MB
|
src/frontend/apps/impress/src/components/dropdown-menu/DropdownMenu.tsx
Outdated
Show resolved
Hide resolved
src/frontend/apps/impress/src/features/docs/doc-management/components/ModalRemoveDoc.tsx
Outdated
Show resolved
Hide resolved
src/frontend/apps/impress/src/features/docs/doc-management/components/ModalRemoveDoc.tsx
Show resolved
Hide resolved
771de1c to
058ce45
Compare
| <Box ref={cancelButtonRef}> | ||
| <Button | ||
| aria-label={t('Cancel the deletion')} | ||
| color="secondary" | ||
| fullWidth | ||
| onClick={handleClose} | ||
| onKeyDown={handleCloseKeyDown} | ||
| > | ||
| {t('Cancel')} | ||
| </Button> | ||
| </Box> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
As talk together, let's put the ref directly on the Button component.
CHANGELOG.md
Outdated
| - 🐛(backend) fix trashbin list | ||
| - ♿(frontend) improve accessibility: | ||
| - ♿(frontend) remove empty alt on logo due to Axe a11y error #1516 | ||
| - ♿(frontend) add focus trap and enter key support to remove doc modal #1531 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Should be under "Unreleased".
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ye, this is the case
7a370d0 to
ca6a814
Compare
improves a11y by enabling keyboard-triggered modal with proper focus trap Signed-off-by: Cyril <[email protected]>
ca6a814 to
6314cb3
Compare
Purpose
Improve accessibility and keyboard interactions for remove modal component
issue : 1530
Proposal
ModalRemoveDocuseKeyboardActionhook for Enter/Space handlers